<template>
  <div class="survey">
    <div class="layout">
      <div class="page-title">
        <span>医院概况：</span>
      </div>
    </div>
    <div class="content">
      <div
        v-for="item in surveyContentList"
        :key="item.JDBM"
      >
        <h3>{{item.JDMC}}</h3>
        <p style="text-indent:2em;line-height:40px">
          {{item.NR}}
        </p>
      </div>

    </div>
  </div>
</template>
<script>
import { getYYXXAPI } from '@/api/index.js';
export default {
    data() {
        return {
            surveyContentList: []
        };
    },
    mounted() {
        this.surveyData();
    },
    methods: {
        async surveyData() {
            const res = await getYYXXAPI({
                cxlx: 'Query_JJ'
            });
            if (res.code == 'succ') {
                this.surveyContentList = res.result;
            } else {
                this.$message.error(res.message);
            }
        }
    }
};
</script>
<style scoped>
.survey {
    width: 100%;
    min-height: 100vh;
    font-size: 1.3rem;
    color: #000;
    /* font-family: '微软雅黑'; */
}
.content {
    overflow: hidden;
    padding: 15px;
    width: 90%;
    margin: 20px auto;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.content h3 {
    margin: 15px 0px;
}
</style>